<!DOCTYPE html>
<html>
	<head>
	<meta charset="utf-8">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>产品购买</title>
    <link href="css/bootstrap.min.css" rel="stylesheet"/>
    <link rel="stylesheet" type="text/css" href="css/mui.min.css"/>
    <link rel="stylesheet" type="text/css" href="css/reset.css"/>
    <link rel="stylesheet" type="text/css" href="css/purchase.css"/>
	</head>
	<body>
		<!--产品购买-->
		<div class="product-desc">
		<div class="container">
			<div class="row">
				<div class="col-xs-5 product-img">
					<img src="img/product.png" class="img-responsive"/>
				</div>
				<div class="col-xs-7 product-wrap">
					<div class="product-name">新疆移动流量充值 1GB 加油包 全国流量包 自动充值 </div>
					<div class="product-main">
						<div class="product-item">
							价格:￥<strike>50.00</strike>
						</div>
						<div class="chuxiao product-item">
							<i>促销价:</i> <span>￥47.25</span>
						</div>
						<div class="product-item">
							快递：<span>0.00</span>
							<p class="fn-right">月售：<span>769</span>件</p>
						</div>
					</div>
				</div>
			</div>
		</div>
		</div>
		<!--支付-->
		<div class="zhifu-info">
			<!--支付电话-->
			<form action="">
			<div class="zhifu-tel">
				<div class="tel-title">
					<i class="icon iconfont">&#xe604;</i>输入充值手机号码
					<div class="telphone-number">
						<input type="tel" id="" value="" required="required"/>
					</div>
				</div>
				<div class="sale-price">
					<p class="text-right sales">售价：<span>47.50元</span></p>
					<div class="jifen">
						<div class="xinjiang fn-left"><i class="icon iconfont">&#xe605;</i>新疆联通</div>
						<div class="jinfen-num fn-right">购买此产品获得<span class="red-color">3</span>个积分</div>
					</div>
				</div>
				<button type="submit" class="mui-btn mui-btn-danger fn-submit-order">确认订单</button>
				
			</div>
			</form>
		</div>
	</body>
</html>
